 <template>
   <div class="analysisTask">             
       <!-- <bar-echart :barData='barData' height='400px' width="300px"></bar-echart>  -->
       <k-line :barData='barData'></k-line>      
   </div>
</template>
<script>
// import BarEchart from "../../components/echarts/ChartLint.vue"
import KLine from "../../components/echarts/Kline.vue"

  export default {
  name: 'hello',
  components:{KLine},
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      barData:{
            title: { text: '在Vue中使用echarts' },
            tooltip: {},
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        }
    }
  },
  mounted(){
  },
  methods: {
   
  }
}
</script>
<style>
    #myChart{
      border: 1px solid red;
      margin: 20px auto;
    }
  .el-container {
    position: relative;
    overflow: auto;
}
</style>


